page {
    font-size: 28rpx;

    .detail {

        swiper {
            height: 400rpx;
            text-align: center;

            image {
                width: 400rpx;
                height: 400rpx;
            }
        }

        .price {
            color: var(--themeColor);
            padding: 16rpx;
        }

        .info {
            border-top: 2rpx solid #ccc;
            border-bottom: 2rpx solid #ccc;
            padding: 8rpx;
            display: flex;

            .name {
                width: 90%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }

            .sc {
                width: 10%;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
        }

        .introduce {
            padding-top: 10rpx;
        }

        .botttom_tools {
            width: 100%;
            display: flex;
            position: fixed;
            left: 0;
            bottom: 0;
            height: 90rpx;
            background-color: #fff;
            border-top: 1px solid #cccccc;

            view {
                width: 20%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-around;

                .iconfont {
                    margin-top: 6rpx;
                }

                &:nth-last-child(-n+2) {
                    width: 30%;
                    color: #fff;
                }

                &:nth-last-child(1) {
                    background-color: var(--themeColor);
                }

                &:nth-last-child(2) {
                    background-color: orange;
                }

            }

            .gwc {
                navigator {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: space-around;
                }
            }
        }
    }
}